import Vue from 'vue'
import MyGlobalComponent from '@/components/MyGlobalComponent'
/**全局过滤器的定义 */
Vue.filter('capitalize',function(arg){
    return arg.slice(0,1).toUpperCase()+arg.slice(1)
})
Vue.directive('lazy',{
    bind(el){
       //将图片地址暂存到一个变量中
       const imgPath=el.src
       //将DOM元素中的src图片清空
       el.src=""
       const isobserver=new IntersectionObserver(([{isIntersecting}])=>{
            if(isIntersecting){
               setTimeout(() => {
                el.src=imgPath
               }, 3000);
                //停止监听
                isobserver.unobserve(el)
            }
       })
       isobserver.observe(el)
    }
})
/**
 * 全局注册组件
 * Vue.component的参数说明
 * 参数1：组件名称
 * 参数2：组件对象
 */
Vue.component('MyGlobalComponent',MyGlobalComponent)

